<!--
/**
* Author: zyf
* Date: 2021-04-16 15:16
* Desc: OrderCouponGroup  订单套票优惠
*/
-->

<template>
  <view class="flex order-couponGroup">
    <zm-img class="order-couponGroup__img" :src="img" />
    <view class="flex-1">
      <view class="fs12 mainColor">{{ info.name }}</view>
      <view class="order-couponGroup__desc"
        ><text class="mr40">{{ info.couponName }}</text
        ><text>X{{ info.couponNum }}</text></view
      >
    </view>
    <view class="order-couponGroup__price">¥ {{ info.saleTotalPrice }}</view>
  </view>
</template>

<script>
  export default {
    name: 'OrderCouponGroup',
    props: {
      info: {
        type: Object,
        default() {
          return {}
        }
      }
    },
    data() {
      return {}
    },
    computed: {
      img() {
        const [img = ''] = this.info.image || []
        return img
      }
    },
    methods: {
      // 初始化方法
      // init() {}
    }
  }
</script>
<style lang="scss" scoped>
  .order-couponGroup {
    &__img {
      width: 0.84rem;
      height: 0.84rem;
      display: block;
      margin-right: 0.3rem;
    }
    &__desc {
      color: #131313;
      font-size: 0.22rem;
      margin-top: 0.1rem;
    }
    &__price {
      padding-top: 0.2rem;
      font-size: 0.3rem;
      color: $yellow;
    }
  }
</style>
